/*公共样式--开始*/
html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
    margin : 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    font-family: "Microsoft YaHei";
    font-size  : 14px;
    color      : #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

ul,
ol {
    list-style: none;
}

img {
    border        : none;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color          : #232323;
}

table {
    border-collapse: collapse;
    table-layout   : fixed;
}

input,
textarea {
    outline: none;
    border : none;
}

textarea {
    resize  : none;
    overflow: auto;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content   : ".";
    width     : 0;
    height    : 0;
    visibility: hidden;
    display   : block;
    clear     : both;
    overflow  : hidden;
}

.fl {
    float: left
}

.fr {
    float: right
}

.tl {
    text-align: left;
}

.tc {
    text-align: center
}

.tr {
    text-align: right;
}

.ellipse {
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.inline {
    display : inline-block;
    *display: inline;
    *zoom   : 1;
}

.bgone {
    width   : 100%;
    height  : 100%;
    position: absolute;
    top     : 0;
    right   : 0;
    left    : 0;
    bottom  : 0;
    margin  : auto;
}




.table {
    background-color: #FFFFFF;
    width           : 960px;
    height          : 465px;
    position        : absolute;
    top             : 50%;
    right           : 0;
    left            : 50%;
    bottom          : 0;
    margin-left     : -480px;
    margin-top      : -232.5px;

    .table-content {
        position: relative;
        width   : 100%;
        height  : 465px;

        .service-phone {
            width      : 200px;
            height     : 40px;
            line-height: 40px;
            text-align : center;
            color      : #FFFFFF;
            position   : absolute;
            bottom     : -60px;
            left       : 50%;
            margin-left: -100px;
            font-size  : 14px;
            opacity    : .9;
        }

        .pic {
            width     : 400px;
            height    : 400px;
            position  : absolute;
            top       : 50%;
            left      : 50px;
            margin-top: -200px;
            z-index   : 99999;
        }

        input {
            outline: none;
        }

        input:-webkit-autofill {
            background-color          : #FFFFFF;
            // -webkit-text-fill-color: #fff !important;
        }

        input {
            background-color: rgba(255, 255, 255, 0) !important;
        }

        input:-webkit-autofill {
            transition                : background-color 5000s ease-in-out 0s;
            -webkit-transition        : background-color 5000s ease-in-out 0s;
            -ms-transition            : background-color 5000s ease-in-out 0s;
            -o-transition             : background-color 5000s ease-in-out 0s;
            // -webkit-text-fill-color: #fff !important;
        }

        input:-webkit-autofill:focus {
            -webkit-text-fill-color: #333 !important;
        }

        .login-info {
            position  : absolute;
            width     : 400px;
            height    : 400px;
            right     : 50px;
            top       : 50%;
            margin-top: -200px;

            .el-input {
                border: 1px solid #cccccc;
            }

            .el-input__inner {
                border: none;
            }

            input:-internal-autofill-selected {
                background: #FFFFFF;
            }

            .login-title {
                font-size     : 20px;
                color         : #333333;
                height        : 55px;
                line-height   : 55px;
                font-weight   : bold;
                text-align    : center;
                letter-spacing: 2px;
            }

            .wel {
                width     : 960px;
                height    : 35px;
                color     : #fff;
                font-size : 30px;
                text-align: center;
            }

            .wel1 {
                width     : 960px;
                height    : 35px;
                color     : #fff;
                font-size : 12.38px;
                text-align: center;

            }

            .br {
                //   border  :1px solid #cccccc;
                border-radius: 5px;
                background   : #FFFFFF;
            }

            input {
                height  : 50px;
                width   : 315px;
                overflow: visible;
            }

            .user {
                display   : flex;
                width     : 355px;
                margin-top: 20px;
            }

            .password {
                display   : flex;
                width     : 355px;
                margin-top: 20px;
            }

            .vcode {
                width          : 355px;
                // align-items : center;
                justify-content: space-between;
                margin-top     : 20px;

                input {
                    // width              : 60%;
                    // background-size    : 30px;
                    // background-repeat  : no-repeat;
                    // background-position: left 10px center ;
                    width                 : 100%;
                    height                : 50px;
                }

                .send_code {
                    margin-left     : 20px;
                    text-align      : center;
                    background-color: #1975bb;
                    border-radius   : 10px;
                    height          : 50px;
                    line-height     : 50px;
                    font-size       : 15px;
                    color           : #fff;
                    border-radius   : none;
                }
                .el-button--info{
                    border-radius: none !important;
                }

                .el-button {
                    // width  : 100px;
                    // padding: 10px;
                    border-radius: 0;
                    color: #0066ff;
                    background: #EEF4ff;
                    border: none;
                }

            }

            .input_img {
                width: 40px;

                i {
                    font-size: 22px;
                    color    : #909399;
                }
            }
           .btn-login{
               justify-content: space-around;
            .btn {
                border   : none;
                color    : #fff;
                width    : 355px;
                height   : 50px;
                font-size: 16px;
                margin: 25px auto;
            }
        }
        }
    }

}

// logo
.show_logo {
    position: fixed;
    left    : 30px;
    top     : 30px;
    z-index : 100;

    img {
        width  : 160px;
        height : 60px;
        z-index: 100;
    }
}